<div class="container-fluid">
    <div class="span12">
        Search:<input ng-model="query">
        Sort By:
        <select ng-model="orderProp">
            <option value="name">Alphabetical</option>
            <option value="age">Newest</option>
        </select>
    </div>
    <div id="status">Current filter: {{query}}</div>
    <div id="order">Current order: {{orderProp}}</div>
    <div class="span10">
        <ul>
            <li ng-repeat="phone in phones | filter:query | orderBy:orderProp" class="thumbnail">
                <a href="#/phones/{{phone.id}}" class="thumb"><img ng-src="{{phone.imageUrl}}"></a>
                <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
                <p>
                    {{phone.snippet}}
                </p>
            </li>
        </ul>
        <p>Total number of phones: {{phones.length}}</p>
    </div>
</div>